<template>
  <div style="padding-bottom:5px">
    <CellGroup>
      <Cell
        is-link
        title="打印机"
        value="执行中"
        size="large"
        title-style="font-size:20px;color:rgb(75,202,255)"
        @click="notice"
      >
        <template>
          <Icon></Icon>
          <span>{{ time }}</span>
        </template>
      </Cell>
    </CellGroup>
    <CellGroup>
      <Cell :title="cardData.clounm_one" value="DYJ-26841691291" />
      <Cell :title="cardData.clounm_two" value="DJR202010200001" />
      
    </CellGroup>
  </div>
</template>

<script>
import { CellGroup, Cell, Icon } from 'vant'
import apicloud from '@/libs/apicloud'

export default {
  data() {
    return {
      active: 2,
      fileUrl: '',
      cardData: {
        title: '',
        value: '',
        clounm_one: '设备编码1',
        value_one: 'DYJ-26841691291',
        clounm_two: '任务单号',
        value_two: 'DJR202010200001',
      },
    }
  },
  name: 'card',
  components: { CellGroup, Cell, Icon },
  props: ['title', 'left', 'right', 'leftText', 'rightText', 'time'],
  mounted() {
    // Should be at this time
    apicloud.fixStatusBar(apicloud.dom('#nav')) // Fix the APP header bug
  },
  methods: {
    clickLeft() {
      this.$ac.closeWin({
        type: 'reveal',
        subType: 'from_left',
      })
    },
    notice() {
      // alert("111");
      this.$ac.notification(
        {
          vibrate: [100, 500, 100, 500],
          sound: 'default',
          light: true,
          notify: {
            title: '滴滴快车：成为滴滴司机',
            content: '成为滴滴司机，轻松干副业，还有加油7折起，快来加入吧。',
            updateCurrent: true,
          },
        },
        function(ret, err) {
          var id = ret.id
        }
      )
    },
  },
}
</script>

<style>
.van-nav-bar {
  height: auto !important;
  background-color: #114f79;
}
.van-nav-bar__title {
  color: #ffffff;
  font-size: 18px;
}
.van-nav-bar__text {
  color: #ffffff;
  margin-top: 0px;
}
</style>
